<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>忘记密码</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="/static/css/font.css">
    <link rel="stylesheet" href="/static/css/login.css">
	  <link rel="stylesheet" href="/static/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script src="/static/lib/layui/layui.js" charset="utf-8"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <style>
        .forget{
            display: block; position: relative;
            left:280px;top:15px;font-size:13px;
        }
    </style>
</head>
<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">天津市心理健康中心</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" >
            <input name="name" placeholder="请输入用户名" id="name" type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="phone" placeholder="手机号码" id="phone" autocomplete="off" style="height:50px;" class="layui-input"/>
            <hr class="hr15">
            <div class="layui-form-item">
                <label class="layui-form-label" > <button type="button" id="send_but" onclick="send()" class="layui-btn layui-btn-primary">获取验证码</button></label>
                <div class="layui-input-block">
                    <input type="text" name="code" id="code" lay-verify="required" lay-reqtext="验证码必填" placeholder="请输入手机验证码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <input name="pass" lay-verify="required" placeholder="请输入密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input name="repass" lay-verify="required" placeholder="确认密码"  type="password" class="layui-input">
            <hr class="hr15">
<!--            <input name="code" lay-verify="required" placeholder="请输入验证码"  type="text" class="layui-input" style="width: 40%;display: inline-block">-->
<!--            <img style="width: 55%;display: inline-block" src="{:captcha_src()}" alt="captcha" onclick="this.src=this.src+'?'+Math.random()"/>-->
            <hr class="hr15">
            <input type="hidden" value="{$code}" name="wcode" id="code1" />
            <input value="提交" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <input value="返回"  style="width:100%;margin-top: 15px;" type="button" onclick="back()" />
            <hr class="hr20" >
        </form>
       
    </div>

    <script>
        $(function  () {
            layui.use('form', function(){
                var form = layui.form;
                // layer.msg('玩命卖萌中', function(){
                //   //关闭后的操作
                //   });
                //监听提交
                form.on('submit(login)', function(data){
                    $.ajax({
                        url:'',
                        type:'post',
                        data:$('.layui-form').serialize(),
                        dataType:'json',
                        success:function (data) {
                            if (data.status == 1) {
                                layer.msg(data.msg, {offset:'50%',icon: 6,time:500},function(){
                                    // var code = $("#code1").val();
                                    location.href="/index/login/login";
                                });
                            }

                            if(data.status == 0) {
                                layer.msg(data.msg, {offset:'50%',icon: 5,time:500}, function () {
                                    // 关闭模态框
                                    x_admin_close();
                                    // 刷新页面
                                    parent.location.reload();
                                });
                            }
                        }
                    });
                    return false;
                });
            });
        })
        function back(){
            var code = $("#code1").val();
            location.href="/index/login/login?code="+code;
        }
        var num = 0;
    function send(){
        var phone = $("#phone").val();
        var code = $("#code1").val();
        // alert(code);
        var name = $("#name").val();
        if(name==''){
            layer.msg('请输入用户名!');return false;
        }
        if(phone==''){
            layer.msg('请输入手机号!');return false;
        }
        $.ajax({
            url: '/index/login/sendmessage',
            type: 'post',
            data: {phone:phone,code:code,name:name},
            dataType: 'json',
            success: function (data) {
                if(data.status==1){
                    layer.msg('发送成功');
                    num = 60;
                    daojishi();
                }else{
                    layer.msg(data.msg);
                }
            }
        })
      
    }
    function daojishi() {
        // alert(123);
        $("#send_but").html(+num + 's后发送');
        num--;
        if (num > 0) {
            $("#send_but").attr('disabled', 'disabled');
            setTimeout(function() {
                daojishi()
            },
            1000);
        } else {
            $("#send_but").attr('disabled', false);
            $("#send_but").html('获取验证码');
        }
    
    }
    </script>
</body>
</html>